<script setup lang="ts">
import ArticleList from './components/ArticleList.vue'
import ChannelNav from './components/ChannelNav.vue'
import axios from 'axios'
import { ref } from 'vue';
import { useCounterStore } from './stores/count'

const store = useCounterStore()
</script>

<template>
  <div>
    App
    <p>{{store.count}}</p>
    <p>{{ store.doubleCount}}</p>
    <button @click="store.update()">count++</button>
    <button @click="store.asyncUpdate()">async count++</button>
  </div>
</template>

<style lang="scss" scoped></style>
